#构建前端项目
FROM node:18.20-alpine AS build-stage
#设置工作目录
WORKDIR /app
# 复制package.json和package-lock.json文件
COPY package*.json ./
# 使用腾讯云镜像源
RUN npm config set registry https://mirrors.cloud.tencent.com/npm/
# 如果没有安装 pnpm，先安装
RUN npm install -g pnpm || true
# 安装依赖
RUN pnpm install
# 复制所有源代码
COPY . .
# 构建项目
RUN npm run build
# 使用nginx官方镜像作为基础镜像
FROM nginx:latest
# 设置作者信息
LABEL maintainer="liqing"
# 从构建阶段将打包后的文件复制到nginx的html目录
COPY --from=build-stage /app/dist /usr/share/nginx/html
# 用自定义的nginx.conf去覆盖镜像中的默认nginx.conf配置文件
COPY ./nginx.conf /etc/nginx/nginx.conf
# 暴露8080端口
EXPOSE 8080
# 启动nginx服务
CMD ["nginx", "-g", "daemon off;"]

